﻿@charset "utf-8";
/*top*/
#desktop{position:absolute; width:100%; top:50%; margin-top:-275px; height:550px; background:url(../images/desktop.png) no-repeat center;}
#top{width:585px; margin:0 auto; margin-top:30px; position:relative;}
#pc_nav{font-size:14px; height:35px; line-height:35px; background:linear-gradient(to bottom,#28733B,#184323);}
#pc_nav li{float:left; width:60px; text-align:center;}
#phone_nav,#phone_nav_btn{display:none;}
#phone_nav_btn{height:35px; line-height:35px; margin-right:15px; font-size:20px;}
#phone_nav{position:absolute; z-index:999; width:100%; background:rgba(24,67,35,.8); top:35px; left:0; text-align:center;}
#phone_nav li{height:30px; line-height:30px;}

/*main*/
#main{height:400px; width:720px; border:2px solid #698C43; margin:0 auto; margin-top:12px; overflow:hidden;}
#main h4{border-top:1px solid #698C43; border-bottom:1px solid #698C43; height:30px; line-height:30px; font-weight:bold; text-align:center;}
#main h4 a{float:right; font-weight:normal; margin-right:5px;}
#main_left{width:166px; height:400px;}
#main_left p{padding:5px; line-height:140%;height:160px; overflow-y:scroll}
#main_left p span{text-indent:2em; display:block; font-size:12px; margin-top:2px; margin-bottom:5px;}
#main_left .user{padding:5px;}
#main_left a{margin-right:5px;}
#main_left a.u{color:#aaf381;}
#main_left a.button{border:1px solid #fff; display:inline-block; padding:2px 4px; margin-top:5px; border-radius:10px;}
#main_center{width:420px; height:400px; border-left:1px solid #698C43; border-right:1px solid #698C43;}
#main_center .coin{border-bottom:1px solid #698C43; height:180px; overflow:hidden;}
#main_center .coin img{padding-top:20px;}
#main_center .coin_left{background:url(../images/coin/bg.png) no-repeat center bottom; width:299px; height:200px; border-right:1px solid #698C43; float:left; text-align:center;}
#main_center .coin_left img{display:none;}
#main_center .coin_right{float:right; width:119px;}
#main_center .coin_right ul{font-size:12px; white-space:nowrap; padding-left:5px;}
#main_center .coin_right ul li{padding-top:4px;}
#main_center .bet_message{padding:5px; border-bottom:1px solid #698C43;}
#main_center .bet_message img{vertical-align:middle; margin-left:5px; margin-right:5px;}
#main_center .bet_message b{margin-left:5px; margin-right:5px; color:#B9FF00;}
#main_center .bet_message time{color:#783428;}
#main_center .bet{border-bottom:1px solid #698C43;}
#main_center .bet li{width:50%; padding:5px;}
#main_center .bet li:first-child{border-right:1px solid #698C43;}
#main_center .bet img{width:30%;}
#main_center .bet div{width:70%; padding-left:5px;}
#main_center .bet b,#main_center .bet input{display:block; width:90%;}
#main_center .bet b{color:#512510;}
#main_center .bet input{border:none; background:#254104; font-weight:bold; padding-left:5px;}
#main_center .chip{padding-top:10px; padding-left:5px;}
#main_center .chipBtn{text-align:right; padding-right:10px;}
#main_center .chipBtn a{border:1px solid #fff; display:inline-block; padding:2px 4px; width:150px; text-align:center; margin-top:-5px; border-radius:5px;}
#main_center .chipBtn a:hover{text-decoration:none;}
#main_center .button{padding:2px 8px; border:1px solid #fff; border-radius:5px;}
#main_center .tb{width:100%;}
#main_center .tb th{font-weight:bold;}
#main_center .tb,#main_center .tb td,#main_center .tb th{border-collapse:collapse; border:1px solid #fff; text-align:center;}
#main_center .input1,#main_center .input2{float:left; margin-top:5px;}
#main_center .input2{margin-left:10px;}
#main_center .input1 input,#main_center .input2 input{border:1px solid #fff; background:none;}
#main_center .description{border-top:1px solid #698C43; border-bottom:1px solid #698C43; margin-left:-5px; margin-right:-5px; padding-left:5px; padding-right:5px;}
#main_center .input{margin-top:15px;}
#main_center .input input,#main_center .input select{border:1px solid #fff; background:none;}
.btn-green{background-color: #5cb85c; border-color: #4cae4c; color: #fff;}
.btn-green:hover,.btn-green:active{background-color: #47a447; border-color: #398439; color: #fff;}
#main_right{width:130px;}
#main_right p{padding:5px; margin-bottom:50px;}
#main_right a{display:block;}
#main_right .kefu{background:#fff;}
#main_right .download{margin-top:15px; margin-bottom:20px;}
#gonggao{width:720px; background:rgba(0,0,0,.5); margin:0 auto; margin-top:5px; overflow:hidden; display:block;}

/*page*/
.page{overflow:hidden; *zoom:1;}
.page .page1,.page .page2,.page .page3{float:left;}
.page .page1{text-align:left; width:20%}
.page .page2{text-align:center; width:60%; padding:6px 12px}
.page .page3{text-align:right; width:20%}
.page .page1 .btn,.page .page3 .btn{background-color: #5cb85c; border-color: #4cae4c; color: #fff;}
.page .page1 .btn:hover,.page .page3 .btn:active{background-color:#47a447; border-color: #398439; color:#fff;}
.page .page3{float:right;}

#main2{width:720px; margin:0 auto; margin-top:30px; overflow:hidden;}
.list-table{background:#032C1E; border-collapse:collapse;}
.list-table td,.list-table th,.list-table td,.list-table th{border:1px solid #698C43; text-align:center;}
.list-table td,.list-table th,.list-table td a,.list-table td,.list-table th,.list-table td a{color:#fff;}
.list-table th{background:#fff; color:#032C1E;}
.list-table td,.list-table th{padding:5px;}
.input select{
     background: #28743B !important;
}
#qiandao_wrap{position:fixed; width:100%; height:100%; background:rgba(0,0,0,.618); z-index:9999; top:0; left:0;}
#qiandao{background:url(../images/bg2.png); width:554px; height:584px; position:absolute; left:50%; top:50%; margin-left:-277px; margin-top:-292px; background-size:100% 100%;}
#qiandao .closeBtn{background:url(../images/x.png); width:47px; height:47px; background-size:100% 100%; position:absolute; right:0; top:0;}
#qiandao h3{color:#C6916F; font-size:25px; text-align:center; margin-top:120px;}
#qiandao ul{width:82%; margin:0 auto;}
#qiandao li{float:left; background:url(../images/close.png) no-repeat center; border-radius:5px; width:84px; height:118px; text-align:center; margin:20px 13px; position:relative; background-size:100% 100%;}
#qiandao li.open{background-image:url(../images/open.png);}
#qiandao li.ml{margin-left:65px;}
#qiandao li i{font-style:normal; font-size:26px; font-weight:normal; display:block; margin-top:45px; color:#fff; display:none;}
#qiandao li.open i{display:block;}
#qiandao li p{color:#C6916F; position:absolute; width:100%; text-align:center; top:120px; font-size:16px;}
#qiandao .button{display:block; width:80%; height:70px; line-height:70px; text-align:center; color:#fff; font-size:25px; background:#DC4E4C; border-radius:10px; margin:30px auto 0;}
#qiandao .button:hover,#qiandao .button:active{text-decoration:none; background-color:#a62826;}

@media (max-width:768px){
	#desktop{background:none; position:static; top:0; margin-top:0;}
	#top{margin-top:10px;}
	#logo{margin-left:15px;}
	#top{width:100%;}
	#pc_nav{display:none;}
	#phone_nav_btn{display:block;}
	#main,#main2{height:auto; width:100%;}
	#main2 .list-table{width:100%;}
	#main2{margin-top:15px; margin-bottom:30px;}
	#main_left,#main_center,#main_right{width:100%; float:none; height:auto;}
	#main_left .user li{float:left; margin-right:15px;}
	#main_center{border:none;}
	#main_center .coin{height:auto;}
	#main_center .coin_left{border-top:1px solid #698C43; float:none; width:100%; margin-top:20px; margin-bottom:20px; padding-top:10px; padding-bottom:10px; border-right:none;}
	#main_center .coin_right{float:none; width:100%;}
	#main_center .chip{padding-bottom:15px;}
	#main_center .chip img{margin-top:15px;}
	#main_center .chipBtn{text-align:center; padding-right:5px;}
	#main_center .chipBtn a{width:100%; text-align:center;}
	#gonggao{width:96%; margin:20px auto 50px auto;}
	#main_center.borderTop{border-top:1px solid #698C43; margin-top:10px; padding-top:10px; margin-bottom:10px;}
	.page .page1{text-align:center; float:none;}
	.page .page2{text-align:left; float:none; padding:6px 12px}
	.page .page3{text-align:center; float:none;}
}
@media (max-width:414px){
	#main_center .input1,#main_center .input2{float:none;}
	#main_center .input2{margin-left:0;}
	#main_center .input1 input,#main_center .input2 input{width:80%;}
	
	#qiandao{background:url(../images/bg1.png); width:320px; height:480px; margin-left:-160px; margin-top:-240px;}
	#qiandao h3{margin-top:75px;}
	#qiandao ul{width:85%; margin:0 auto;}
	#qiandao li{width:70px; height:98px; margin:5px 8px;}
	#qiandao li.ml{margin-left:8px;}
	#qiandao li p{top:78px; font-size:14px; color:#f8d7c3;}
	#qiandao .button{margin-top:5px; height:40px; line-height:40px;}
}